<template>
	<!-- <router-link :to="`/`">默认Home</router-link>| -->
	<!-- <router-link :to="`/app`">appHome</router-link>| -->
	<router-link :to="`${prefix}/home`">子应用1Home</router-link>
	|<router-link :to="`${prefix}/about`">子应用1About</router-link>
  <!-- <HelloWorld msg="Vite + Vue" /> -->
  <router-view />
</template>
<script setup>
	import HelloWorld from './components/HelloWorld.vue'
	import { ref} from 'vue'
	let prefix = ref(window.__MICRO_APP_BASE_ROUTE__ || '')
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
